
   <template>
  <div class="fangdou">
    <div>
      <input type="text" v-model="value" @keydown="hangleChange" />
    </div>
    <Cascader />
  </div>
</template>

   <script>
// function debounce(func, wait = 1000) {
//   //可以放入项目中的公共方法中进行调用
//   let timeout;
//   return function (event) {
//     clearTimeout(timeout);
//     timeout = setTimeout(() => {
//       func.call(this, event);
//     }, wait);
//   };
// }
import Cascader from "./components/Cascader.vue"
import {debounce} from "./utils/index"
export default {
  components: {
    Cascader
  },
  data() {
    return {
      value: '',
    };
  },
  props: {},
  created() {},
  mounted: {},
  methods: {
    hangleChange: debounce(function (e) {
      console.log(this.value);
    }),
  },
  computed: {},
  watch: {},
};
</script>

   <style scoped lang="">
/* @import './scss/index'; */
</style>